import {Outlet} from "react-router-dom"
import { Breadcrumb, Layout, theme } from 'antd';
import React from 'react';
const { Content } = Layout;


export default function Mycenter() {
    const {
        token: { colorBgContainer },
    } = theme.useToken();
    return (
        <Layout
            style={{
                padding: '0 24px 24px',
            }}
        >
            <Breadcrumb
                style={{
                    margin: '16px 0',
                }}
            >
                <Breadcrumb.Item>Home</Breadcrumb.Item>
                <Breadcrumb.Item>List</Breadcrumb.Item>
                <Breadcrumb.Item>App</Breadcrumb.Item>
            </Breadcrumb>
            <Content
                style={{
                    padding: 24,
                    margin: 0,
                    minHeight: 280,
                    background: colorBgContainer,
                }}
            >
                <Outlet/>
            </Content>
        </Layout>
    )
}
